<template>
        <div id="base" class="">
            <!-- 底框1920*1060 -->
            <div id="u0" class="ax_default box_1" data-label="底框1920*1060">
                <div id="u0_div"></div>
            </div>

            <!-- 背景图 -->
            <div id="u1" class="ax_default image">
                <img id="u1_img" class="img" src="@/assets/start/u1.png"  alt=""/>
            </div>

            <!-- 菜单标签（隐藏） -->
            <div id="u2" class="ax_default label" v-show="false">
                <img id="u2_img" class="img" src="@/assets/start/菜单标签_u2.svg"  alt=""/>
                <div id="u2_text" class="text">
                    <p><span>帮助</span></p>
                </div>
            </div>

            <!-- 图像 隐藏 -->
            <div id="u3" class="ax_default image" v-show="false">
                <img id="u3_img" src="@/assets/start/u3.png"  alt=""/>
            </div>

            <div style="margin-top: -10rem">
                <div id="u4" class="ax_default box_1">
                    <img id="u4_img" src="@/assets/start/u4.svg"  alt=""/>
                </div>

                <!-- 按钮 -->
                <div id="u5" >
                  <el-button  @click="start" type="primary" style="width: 15rem;font-size: 24px;">开始</el-button>
                </div>

                <!-- 标题 -->
                <div id="u6" class="ax_default _标题_1">
                    <div id="u6_text" class="text">
                        <p style="font-size:80px;">
                            <span style="color:#FFFFFF">智慧供配电技术虚拟仿真系统</span>
                        </p>
                        <p style="font-size:40px;">
                            <span style="color:rgba(66, 0, 128, 0.94)">（WEB版）</span>
                        </p>
                    </div>
                </div>


                <!-- 副标题文字 -->
                <div id="u8" class="ax_default _文本">
                    <div id="u8_text">
                        <p style="font-size:30px;">
                            <span>(新一代数字孪生态仿真教培)</span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 装饰框 -->

        </div>

</template>

<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";

export default {
    name: "index",
    components: {ScaleBox},

    methods: {
        start() {
            // 点击开始按钮的逻辑
            console.log("开始被点击");
            this.$router.push("/login");
        }
    }
};
</script>

<style scoped>

@import "~@/assets/axure/axure_rp_page.css";
@import "~@/assets/axure/styles.css";
@import "~@/assets/start/styles.css";


#base {
    position: relative;
}
</style>
